<template>
  <view class="container">
    <view class="box">
      <view class="flex cell">
        <text>流水号</text>
        <text>12345678765432</text>
      </view>
      <view class="flex cell">
        <text>流水号</text>
        <text>12345678765432</text>
      </view>
      <view class="flex cell">
        <text>流水号</text>
        <text>12345678765432</text>
      </view>
    </view>
  </view>
</template>

<script setup></script>

<style lang="scss" scoped>
.container {
  min-height: 100vh;
  background-color: #f8f8f8;
  padding: 12px;
  .box {
    background-color: #fff;
    border-radius: 10px;
    padding: 12px;
    .cell {
      height: 44px;
      justify-content: space-between;
      border-bottom: 1px solid #0000000f;
      &:last-child {
        border-bottom: none;
      }
      text {
        font-weight: 400;
        font-size: 14px;
        color: #333333;
      }
    }
  }
}
</style>
